<template>
  <div>
    <h1>{{name}}</h1>
    <h2>{{adrress | mySlice(0,7) | mySlice2 | mySlice3}}</h2>
    <hr>
  </div>
</template>   

<script>
import Vue from 'vue';
export default Vue.extend({
    name: 'MySchool',
    data() {
        return {
             name: '深圳大学',
             adrress: '深南大道3688号',

        }
    }
});
</script>

<style>
    div{
        background: rebeccapurple;
    }
</style>